<!DOCTYPE html>
<html lang="en">
<head>
    <%= require("html-loader!./layout/head-common.html")%>
    <title><%= htmlWebpackPlugin.options.title%></title>
</head>
<body>
<div>
    <%= require("html-loader!./layout/nav.html")%>
    <%= require("html-loader!./layout/header.html")%>
    <!--轮播图-->
    <div class="w">
        <!--左边导航栏信息-->
        <ul class="keywords-list">
            <li class="keywords-item">
                <a href="./product-list.html?categoryId=16" class="link" target="_blank" >CET-4</a>
                <a href="./product-list.html?categoryId=17" class="link" target="_blank" >CET-6</a>
            </li>
            <li class="keywords-item">
                <a href="./product-list.html?categoryId=22" class="link" target="_blank" >TEM4</a>
                <a href="./product-list.html?categoryId=23" class="link" target="_blank" >TEM8</a>
            </li>
            <li class="keywords-item">
                <a href="./product-list.html?categoryId=20" class="link" target="_blank" >软考</a>
                <a href="./product-list.html?categoryId=18" class="link" target="_blank" >公务员</a>
            </li>
            <li class="keywords-item">
                <a href="./product-list.html?categoryId=24" class="link" target="_blank" >手机</a>
                <a href="./product-list.html?categoryId=26" class="link" target="_blank" >摄影</a>
            </li>
            <li class="keywords-item">
                <a href="./index.html?parentCategoryId=11" class="link" target="_blank" >零食专区</a>
                <a href="./product-list.html?categoryId=28" class="link" target="_blank" >营养零食</a>
                <a href="./product-list.html?categoryId=29" class="link" target="_blank" >休闲零食</a>
            </li>
            <li class="keywords-item">
                <a href="./index.html?parentCategoryId=12" class="link" target="_blank" >运动专区</a>
                <a href="./product-list.html?categoryId=32" class="link" target="_blank" >跑步鞋</a>
                <a href="./product-list.html?categoryId=33" class="link" target="_blank" >篮球鞋</a>
            </li>
            <li class="keywords-item">
                <a href="./index.html?parentCategoryId=12" class="link" target="_blank" >运动专区</a>
                <a href="./product-list.html?categoryId=34" class="link" target="_blank" >健身器材</a>
                <a href="./product-list.html?categoryId=35" class="link" target="_blank" >骑行用品</a>
            </li>
            <li class="keywords-item">
                <a href="./index.html?parentCategoryId=11" class="link" target="_blank" >零食专区</a>
                <a href="./product-list.html?categoryId=28" class="link" target="_blank" >营养零食</a>
                <a href="./product-list.html?categoryId=29" class="link" target="_blank" >休闲零食</a>
            </li>


        </ul>
        <!--右边的轮播图-->
        <div class="banner-con">
            <div class="loading"></div>
        </div>
    </div>
    <div id="index">
        <!--楼层-->
        <div class="w">
            <!--one floor-->
            <div class="floor-wrap">
                <h1 class="floor-title">加载中</h1>
                <ul class="floor-list">
                    <li class="floor-item">
                        <span class="floor-text">Loading</span>
                        <div class="fa-loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                    </li>
                    <li class="floor-item">
                        <span class="floor-text">Loading</span>
                        <div class="fa-loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                    </li>
                    <li class="floor-item">
                        <span class="floor-text">Loading</span>
                        <div class="fa-loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                    </li>
                    <li class="floor-item">
                        <span class="floor-text">Loading</span>
                        <div class="fa-loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                    </li>
                    <li class="floor-item">
                        <span class="floor-text">Loading</span>
                        <div class="fa-loading">
                            <i class="fa fa-spinner fa-spin"></i>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>


</div>
<%= require("html-loader!./layout/footer.html")%>
</body>
</html>